<!DOCTYPE html>
<html>
<head>
<base href="{$site_url}/" />
<!-- Use IE7 mode -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>调箱平台-提单进度查看</title>
<meta name="description" content="普捷通" />
<meta name="keywords" content="普捷通|要箱|集港|疏港" />
<script type="text/javascript">
	//<!CDATA[
	var SITE_URL = "{$site_url}";
	var REAL_SITE_URL = "{$real_site_url}";
	var PRICE_FORMAT = '{$price_format}';
	//
</script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link href="{res file=css/base.css}" rel="stylesheet" type="text/css" />
<link href="{res file=css/index.css}" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="index.php?act=jslang"></script>
<script type="text/javascript" src="{lib file=jquery-1.8.3.min.js}"
	charset="utf-8"></script>
<!--[if lt IE 10]>
<script type="text/javascript" src="{lib file=PIE.js}"></script>
<![endif]-->
<script type="text/javascript">
	function showsuc(sysmsg) {
		if (sysmsg) {
			$("#syss").text(sysmsg);
			$("#syss").slideDown();

			setTimeout(function() {
				$("#syss").slideUp();
			}, 2000);
		}
	}

	function showerror(sysmsg, id) {
		if (sysmsg) {
			$("#syse").text(sysmsg);
			$("#syse").slideDown();

			setTimeout(function() {
				$("#syse").slideUp();
			}, 2000);
		}
		if (id != undefined) {
			$("#" + id).addClass("form-item-error");
			$("#" + id).focus();
		}
	}
	function successRedirectURL(url) {
		var isIE = !-[ 1, ];
		if (isIE) {
			var link = document.createElement("a");
			link.href = url;
			link.style.display = 'none';
			document.body.appendChild(link);
			link.target = "_top";
			link.click();
		} else {
			window.top.location = url;
		}
	}

	$(function() {
		if (window.PIE) {
			$('.rounded').each(function() {
				PIE.attach(this);
			});
		}

		$("#btn1").click(function() {
			$("#s").val("T");
			$("#form").submit();
		});

		$("#btn2").click(function() {
			$("#s").val("D");
			$("#form").submit();
		});
		
		$(".lline1").each(function(){
			$(this).height($(this).parent().height()+13);
		});
		
		$("[id^='box_']").click(function(){
			$("[id^='box_']").removeClass("ontab");
			$(this).addClass("ontab");
			var b=$(this).attr("box");
			$("[id^='tabdata_']").hide();
			$("#tabdata_"+b).show();
			
			$(".lline1").each(function(){
				$(this).height($(this).parent().height()+13);
			});
		});
	});
</script>
{$_head_tags}

<style>
.searcharea {
	position: relative;
	padding: 7px;
	border: 1px solid #d6d6d6;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	margin-top: 0px;
}

.searcharea input {
	width: 250px;
}

.searcharea a {
	background: #3e7fc2;
	color: #fff;
	padding: 3px 8px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.ship_item {
	margin-bottom: 20px
}

.tlist {
	width: 100%;
	font-size: 14px;
	background-color: #fff;
	text-align: center;
	border-spacing: 0;
	border: 1px solid #e7e7eb;
	border-left: 0;
	border-bottom: 0;
}

.tlist th {
	background: #f4f5f9;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: normal;
	color: #222;
	border-bottom: 1px solid #e7e7eb;
	white-space: nowrap;
}

.tlist td {
	height: 50px;
	line-height: 50px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	color: #8d8d8d;
	border-bottom: 1px solid #e7e7eb;
}

.barright {
	padding: 20px 0
}

.w800 {
	width: 995px;
}

.barleft {
	height: 700px;
	overflow: hidden;
}

.mcontent {
	width: 400px;
	height: 150px;
	background: #fff;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -200px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.mfoot a {
	position: absolute;
	width: 50%;
	bottom: 0;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #fff
}

.q {
	right: 0;
	background: #3e7fc2;
}

.mfoot a:hover {
	font-size: 18px;
	text-decoration: none
}

.c {
	background: #ccc
}

.mhead {
	font-size: 16px;
	text-align: center;
	line-height: 100px
}

.labal {
	width: 100px;
}

.labalrow {
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	color: #999
}

.labalfor {
	margin-top: 10px
}

.labalfor li {
	float: left;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #ccc;
	margin-right: 10px;
	cursor: pointer;
	margin-bottom: 10px;
}

.sbar {
	margin-left: 20px;
}

.sbar a {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	border: 1px solid #3e7fc2;
	overflow: hidden;
}

.sbar a.left {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}

.sbar a.right {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.sbar a i {
	display: inline-block;
	height: 35px;
	padding: 0 20px;
	line-height: 35px;
	font-size: 14px;
	color: #3e7fc2;
	font-style: normal;
}

.sbar a.on i {
	background: #3e7fc2;
	color: #fff;
}
</style>
</head>
<div id="syss" class="syss rounded">操作成功</div>
<div id="syse" class="syse rounded">操作失败</div>

<body>
	<div class="topbar">
		<div class="w">
			<div class="fr">
				<!--{if !$visitor.user_id}-->
				<a href="{url app=member&act=login&ret_url=$ret_url}"
					style="color: #C81623">请登录</a>
				<div class="spacer"></div>
				<a href="{url app=member&act=register&ret_url=$ret_url}">免费注册</a>
				<!--{else}-->

				欢迎您登陆!&nbsp;&nbsp;{$visitor.real_name|escape}

				<div class="spacer"></div>
				<a href="{url app=member&act=setpwd}">修改密码</a>
				<div class="spacer"></div>
				<a href="{url app=member&act=logout}">{$lang.logout}</a>
				<!--{/if}-->
			</div>

			<div class="cl"></div>
		</div>
	</div>
	<div style="position: relative;" class="submain">
		<div class="w">
			<div id="logoindex" class="fl">
				<a href="index.php"><img
					src="themes/mall/default/styles/default/images/logo1.png"> </a>
			</div>
			<ul class="navbar fr" style="position: relative;">
				<li><a href="index.php"><p>首页</p> </a></li>
				<li><a class="on" href="index.php?app=sl&act=ofast"><p>集运</p> </a></li>
				<li><a href="javascript:;"><p>堆场</p> </a></li>
				<li><a href="javascript:;"><p>报关</p> </a></li>
				<li><a href="javascript:;"><p>促销专区</p> </a></li>
			</ul>
			<div class="cl"></div>
		</div>
		<div class="cl"></div>
	</div>
	<div class="w">
		<div class="fl w150 barleft">
			<ul class="navbarleft">
			<li><a href="index.php?app=sl&act=pfast">计划要箱</a></li>
				<li><a href="index.php?app=sl&act=ofast">一键要箱</a>
				</li>
				<li><a href="index.php?app=plan&act=wl">查看物流</a>
				</li>
				<li style="display: none"><a href="index.php?app=plan&act=fast">快速要箱</a>
				</li>
				<li><a href="index.php?app=plan">要箱计划</a>
				</li>
				<li><a href="index.php?app=containerplan">集港计划</a>
				</li>
				<li><a href="index.php?app=usebox">状态查询</a>
				</li>
				<li><a href="index.php?app=plan&act=fang">放单查询</a>
				</li>
				<li><a href="index.php?app=plan&act=wsearch" class="on">提单查询</a>
				</li>
			</ul>
			<div class="cl"></div>
		</div>
		<div class="fl w800 barright">
			<div class="fl sbar">
				<a href="javascript:void(0);"
					class="left rounded {if $ss=='T'}on{/if}" id="btn1"><i>提单跟踪</i>
				</a><a href="javascript:void(0);"
					class="right rounded {if $ss=='D'}on{/if}" id="btn2"><i>集装箱跟踪</i>
				</a>
				<div class="cl"></div>
			</div>
			<div class="fr">
				<form id="form" method="get">
					<input name="app" value="plan" type="hidden" /> <input name="act"
						value="wline" type="hidden" /> <input name="s" value="T" id="s"
						type="hidden" />
					<div class="searcharea rounded">
						<input type="search" name="td" placeholder="提单号"
							value="{$smarty.get.td}" /> <a
							href="javascript:$('#form').submit();" class="rounded">搜索</a>
					</div>
				</form>
				<div class="cl"></div>
			</div>
			<div class="cl"></div>
			<style>
.line {
	margin-left: 60px
}

.lbox {
	height: 10px;
	width: 10px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	background: #ccc;
	border: 5px solid #eee;
}

.ltime {
	line-height: 90px;;
	height: 90px;
	font-size: 16px;
	padding: 0 20px;
	color: #ccc;
	width: 160px
}

.linfo {
	width: 50%;
	padding: 20px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	background: #f8f8f8;
	margin-left: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ccc;
	overflow: hidden;
}
.linfo p{font-size: 18px;line-height: 30px;margin-bottom: 10px}
.lline {
	height: 50px;
	border: 3px solid #ccc;
	width: 0px;
	margin: 10px 0 10px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.lline1 {
	position:absolute;
	top:20px;
	border: 3px solid #ccc;
	width: 0px;
	margin: 10px 0 10px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.line .on .ltime {
	color: #3e7fc2;
}

.line .on .lbox {
	background: #3e7fc2;
	border: 5px solid #B9D3EE;
}

.line .on .linfo {
	background: #3e7fc2;
	color: #fff
}
.line .on .lline {
	border: 3px solid #3e7fc2;
}
.line .on .lline1 {
	border: 3px solid #3e7fc2;
}

.line .on .triangle-left {
	border-right: 20px solid #3e7fc2;
}
.lsqa{position: relative;padding-bottom: 60px}
.area a:hover{text-decoration: none;border-bottom: 3px solid #3e7fc2;color: #3e7fc2}
.area a{font-size: 16px;border-bottom: 3px solid #ddd;color: #ddd;padding: 0 15px 10px 15px}
.area .ontab{border-bottom: 3px solid #3e7fc2;color: #3e7fc2}
</style>
			<div class="area" style="margin-top: 40px">
				{if $line} 
				<div style="height: 50px;padding-left: 60px;display: none" >
				<a href="javascript:;" class="ontab">整提单</a>
				</div>
				<div class="cl"></div>
				<div class="line">
					{foreach from=$line item=p name=i}
					<div class="lsqa {if $p.YW_DD!=''}on{/if}">
						{if !$smarty.foreach.i.last}<div class="lline1"></div>{/if}
						{if $p.YW_DD!=''}<div class="triangle-left"></div>{/if}
						<div class="lbox fl">
						</div>
						<div class="linfo fl"><p>{$p.ITEM}</p>{$p.YW_DD}</div>
						<div class="cl"></div>
					</div>
					{/foreach}
				</div>
				{else}
				{if $linebox} 
				<div style="height: 50px;padding-left: 60px;">
				{foreach from=$linebox item=p name=i}
				<a href="javascript:;" class="{if $smarty.foreach.i.first}ontab{/if}" id="box_{$p.box}" box="{$p.box}">{$p.box}</a>
				{/foreach}
				</div>
				<div class="cl"></div>
				{foreach from=$linebox item=lb name=lbi}
				<div class="line" id="tabdata_{$lb.box}" {if !$smarty.foreach.lbi.first}style="display: none"{/if}>
					{foreach from=$lb.data item=p name=i}
					<div class="lsqa {if $p.YW_DD!=''}on{/if}">
						{if !$smarty.foreach.i.last}<div class="lline1"></div>{/if}
						{if $p.YW_DD!=''}<div class="triangle-left"></div>{/if}
						<div class="lbox fl">
						</div>
						<div class="linfo fl"><p>{$p.ITEM}</p>{$p.YW_DD}</div>
						<div class="cl"></div>
					</div>
					{/foreach}
				</div>
				{/foreach}
				{else}
				<div class="datanone">
					<img src="n.png" / width="136">
				</div>
				{/if}
				{/if}
				<div class="cl"></div>
			</div>
			{if $plan} {include file=page.new.html}{/if}
		</div>
		<div class="cl"></div>
	</div>
	<div class="w">
		<div id="footer-2013" style="margin-top: 50px">

			<div class="copyright">
				Copyright&copy;2004-2020&nbsp;&nbsp;普捷通&nbsp;版权所有</div>
				<div style="width:300px;margin:0 auto;">
		 		<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502002931" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="/themes/mall/default/ba.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">沪公网安备 31011502002931号</p></a>
		 	</div>
		</div>
	</div>

</body>
</html>